<!--
 * @Description: 
 * @Author: Xiaochuan-W
 * @Date: 2023-10-30 15:20:47
 * @LastEditors: Xiaochuan-W
 * @LastEditTime: 2024-09-26 17:20:38
-->


<template>
  <div>
    <XForm :schema="schema" :model="model" label-width="100px" label-position="right"></XForm>
    <XTransferSelect></XTransferSelect>
    <XTable :data="datalist" :columns="columns">
      <template #header>
        <div>
            456
        </div>
      </template>
    </XTable>
    <!-- <XTinymce :menubar="true"></XTinymce>  -->
    <!-- <XLayout @logout="logout" :menus="menus">123</XLayout> -->
  </div>
</template>
<script setup lang="ts">
import {XTransferSelect,XTinymce,XTable,XForm,XLayout} from '@/components/index'
import {reactive,ref} from  'vue'
const model = reactive({
  aaa:'',
  ccc:''
})
const schema = [
  {
    prop:'aaa',
    type:'time',
    label:'标签',
    description:'sdgsdfhg可视对讲复合管森岛帆高计划书对方过后塞德里克法国哈；发光时代卢sdgsdfhg可视对讲复合管森岛帆高计划书对方过后塞德里克法国哈；发光时代卢浮宫sdfsdgsdfhg可视对讲复合管森岛帆高计划书对方过后塞德里克法国哈；发光时代卢浮宫sdfsdgsdfhg可视对讲复合管森岛帆高计划书对方过后塞德里克法国哈；发光时代卢浮宫sdfsdgsdfhg可视对讲复合管森岛帆高计划书对方过后塞德里克法国哈；发光时代卢浮宫sdfsdgsdfhg可视对讲复合管森岛帆高计划书对方过后塞德里克法国哈；发光时代卢浮宫sdf浮宫sdf'
  },
  {
    prop: 'ccc',
    type: 'text',
    label:'标签1',
    rules:[{required:true}]
  }
]
function logout(){
  console.log('========>11111',11111);
}
const menus = ref([
  {
    path:'/menu',
    name:'菜单1',
    children:[
      {
        url:'/menu1-1',
    name:'菜单1-1',
      }
    ]
  }
])

localStorage.setItem('permissions',JSON.stringify(['delete']))
const datalist = ref([
  {name:'zhangsan',age:16}
])
const columns = ref([
  {label:'姓名',prop:'name'},
  {label:'年龄',prop:'age'},
  {type:'action',list:[
    {label:'删除',type:'danger',permission:['delete']}
  ]}
])
</script>

<style scoped>
</style>
